<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page import="java.text.SimpleDateFormat" %>
<%--乱码处理 在HTML页面中加入<%@ page pageEncoding="utf-8"%>--%>
<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
<html>
<head>
    <title>首页</title>
    <style>
        p {
            font-size: 30px;
            /*border: 1px solid red;*/
            text-align: center;
            color: hotpink;
            margin-top: 10px;
        }

        #welcome {
            /*border: red 1px solid;*/
            float: right;
            margin-right: 1405px;
            font-size: 15px;
        }

        #time {
            /*border: red 1px solid;*/
            float: left;
            margin-top: 10px;
            margin-left: 20px;
            font-size: 15px;
        }

        .layui-carousel {
            border: 1px hotpink solid;
            border-radius: 5px;
            margin-top: 50px;
            margin-left: 110px;
        }

        /*body{*/
        /*    background: url("./img/homeback.jpg") no-repeat center 0px ;*/
        /*    background-size: 100% 100%;*/
        /*}*/

    </style>
</head>
<body>
<%--头部--%>
<ul class="layui-nav" lay-filter="">
    <!--    layui-this-->
    <li class="layui-nav-item  layui-this"><a href="reader_home.jsp">首页</a></li>
    <li class="layui-nav-item "><a href="${pageContext.request.contextPath}/queryBooks?currentPage=1">图书查询</a>
    </li>

    <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/borrowinf?currentPage=1">借阅信息</a></li>
    <li class="layui-nav-item"><a href="reader_history.jsp">借阅历史</a></li>
    <li class="layui-nav-item" style="float: right">
        <a href=""><img src="img/user.png" width="37px" height="38px" class="layui-nav-img">我</a>
        <dl class="layui-nav-child">
            <dd><a href="${pageContext.request.contextPath}/getUserbyName">修改信息</a></dd>
            <dd><a href="javascript:exituser();">退出</a></dd>
        </dl>
    </li>
</ul>
<%--<p>图书管理系统</p>--%>
<hr>
<div id="welcome">用户：${sessionScope.user}</div>
</br>
<div id="time">
    登录时间：${sessionScope.usertime}
</div>

<div class="layui-carousel" id="test1">
    <div carousel-item>
        <div><img src="img/backnew.jpg" width="100%" height="100%"></div>
        <div><img src="img/backnew4.jpg" width="100%" height="100%"></div>
        <div><img src="img/backnew5.jpg" width="1380px" height="100%"></div>
        <div><img src="img/backnew2.jpg" width="100%" height="100%"></div>
        <div><img src="img/homeback5.jpg" width="100%" height="100%"></div>
    </div>
</div>
<!-- 条目中可以是任意内容，如：<img src=""> -->

<script src="layui/layui.js"></script>
<script>
    layui.use('carousel', function () {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            , width: '85%' //设置容器宽度
            , arrow: 'always' //始终显示箭头
            , height: '550px'
            , anim: 'fade'
        });
    });
</script>
</body>
<script type="text/javascript">
    function exituser() {
        if (confirm("您确定要退出吗？")) {
            location.href = "Login.html";
        }
    }
</script>

<script type="text/javascript">
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;
    });
</script>
</html>
